<template>
    <div>
        <list-top></list-top>
        <div class="storeContent">
            <div class="head">
                <div class="headInner">
                    <img src="./images/bak01m.png" alt="" class="logo">
                    <div class="storeMsg">
                        <h1>桂林医药股份有限公司</h1>
                        <div>
                            <span class="b-place">地点：桂林</span>
                            <el-rate v-model="value5" disabled>
                            </el-rate>
                        </div>
                    </div>
                    <div class="ewm">
                        <img src="./images/bak02m.png" alt="">
                        <span>手机下单更便捷</span>
                    </div>
                </div>
            </div>
            <div class="storeNav">
                <div class="headTitle">
                    <span>首页</span>
                    <span>所有商品</span>
                    <span class="active">公司档案</span>
                    <span>联系客服</span>
                    <span>收藏店铺</span>
                </div>
            </div>
            <div class="storeArchivesMain">
                <div class="headTitle"><span class="active">基础信息</span></div>
                <div class="honorBox">
                    <h1>桂林市新贵药店有限公司</h1>
                    <el-rate v-model="value5" disabled>
                    </el-rate>
                    <div class="h-place">地点：桂林</div>
                    <div class="h-renzheng"><i class="iconfont icon-renzheng"></i>认证商家</div>
                </div>
                <div class="introduction">
                    <div class="desc">
                        诸暨市云杉针织有限公司（原诸暨市千年兰贸易有限公司）主要生产销 售儿童袜、宝宝袜、婴儿袜、男袜、女袜等各类袜子，拥有完整、科学 的质量管理体系。诸暨市云杉针织有限公司的诚信、实力和产品质量获 得业界的认可。欢迎各界朋友莅临参观、指导和业务洽谈。 <span>[详细]</span>
                    </div>
                    <div class="range">
                        <div>成立时间：<span>2015年11月24日</span>[已认证]</div>
                        <div>注册资本：<span>人民币100万</span>[已认证]</div>
                        <div>经验范围：<span>中成药、医疗器械、保健食品、消毒产品</span></div>
                        <div>工商注册号：<span>58181582518151515151</span>[已认证]</div>
                    </div>
                </div>
                <div class="creditScore">
                    <div class="headTitle"><span class="active">信用分</span></div>
                    <div class="inner">
                        <div class="chart">
                            <span>1000</span>
                            <span>当前信用积分</span>
                        </div>
                        <div class="contrast">
                            <li>
                                <div class="myTitle">累计成交数（笔）</div>
                                <div class="myNum">5281</div>
                                <i class="iconfont icon-uparrow"></i>
                                <div class="averageTitle">同比行业均值</div>
                                <div class="averageNum">442</div>
                            </li>
                            <li>
                                <div class="myTitle">累计买家数（位）</div>
                                <div class="myNum">5281</div>
                                <i class="iconfont icon-uparrow"></i>
                                <div class="averageTitle">同比行业均值</div>
                                <div class="averageNum">442</div>
                            </li>
                            <li>
                                <div class="myTitle">重复采购率</div>
                                <div class="myNum">21.45%</div>
                                <i class="iconfont icon-downarrow"></i>
                                <div class="averageTitle">同比行业均值</div>
                                <div class="averageNum">40%</div>
                            </li>
                        </div>
                    </div>
                </div>
                <div class="aptitude">
                    <div class="headTitle"><span class="active">企业资质</span></div>
                    <ul class="clear">
                        <li>
                            <h5>企业基本资格证书</h5>
                            <div class="imgBox">
                                <img src="./images/bak05m.jpg" alt="" class="aptitudeImg">
                            </div>
                        </li>
                        <li>
                            <h5>企业基本资格证书</h5>
                            <div class="imgBox">
                                <img src="./images/bak05m.jpg" alt="" class="aptitudeImg">
                            </div>
                        </li>
                        <li>
                            <h5>企业基本资格证书</h5>
                            <div class="imgBox">
                                <img src="./images/bak05m.jpg" alt="" class="aptitudeImg">
                            </div>
                        </li>
                        <li>
                            <h5>企业基本资格证书</h5>
                            <div class="imgBox">
                                <img src="./images/bak05m.jpg" alt="" class="aptitudeImg">
                            </div>
                        </li>
                        <li>
                            <h5>企业基本资格证书</h5>
                            <div class="imgBox">
                                <img src="./images/bak05m.jpg" alt="" class="aptitudeImg">
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</template>


<script>
    import listTop from "./public/listTop";
    export default {
        components: {
            listTop,
        },
        data() {
            return {
                value5: 3,
                rcdGoodsList: [{
                        img: "http://p5vegqhl6.bkt.clouddn.com/2018_03_20_17_41_57_zcXeJsvbTgYU27McyM4A1aQ78TeMn9f2.jpg",
                        name: "1汇仁 肾宝片 126片 男女肾虚亏阴阳虚 温阳补肾药品男女肾虚亏阴阳虚 温阳补肾药品",
                        price: "32.5"
                    },
                    {
                        img: "http://p5vegqhl6.bkt.clouddn.com/2018_03_20_17_41_57_zcXeJsvbTgYU27McyM4A1aQ78TeMn9f2.jpg",
                        name: "2汇仁 肾宝片 126片 男女肾虚亏阴阳虚 温阳补肾药品男女肾虚亏阴阳虚 温阳补肾药品",
                        price: "32.5"
                    },
                    {
                        img: "http://p5vegqhl6.bkt.clouddn.com/2018_03_20_17_41_57_zcXeJsvbTgYU27McyM4A1aQ78TeMn9f2.jpg",
                        name: "3哈哈大会片 126片 男女肾虚亏阴阳虚 温阳补肾药品男女肾虚亏阴阳虚 温阳补肾药品",
                        price: "32.5"
                    },
                    {
                        img: "http://p5vegqhl6.bkt.clouddn.com/2018_03_20_17_41_57_zcXeJsvbTgYU27McyM4A1aQ78TeMn9f2.jpg",
                        name: "4第三个十多个收到公司打工",
                        price: "32.5"
                    },
                    {
                        img: "http://p5vegqhl6.bkt.clouddn.com/2018_03_20_17_41_57_zcXeJsvbTgYU27McyM4A1aQ78TeMn9f2.jpg",
                        name: "5汇仁 肾宝片 126片 男女肾虚亏阴阳虚 温阳补肾药品男女肾虚亏阴阳虚 温阳补肾药品",
                        price: "32.5"
                    },
                    {
                        img: "http://p5vegqhl6.bkt.clouddn.com/2018_03_20_17_41_57_zcXeJsvbTgYU27McyM4A1aQ78TeMn9f2.jpg",
                        name: "6汇仁 肾宝片 126片 男女肾虚亏阴阳虚 温阳补肾药品男女肾虚亏阴阳虚 温阳补肾药品",
                        price: "32.5"
                    },
                    {
                        img: "http://p5vegqhl6.bkt.clouddn.com/2018_03_20_17_41_57_zcXeJsvbTgYU27McyM4A1aQ78TeMn9f2.jpg",
                        name: "7汇仁 肾宝片 126片 男女肾虚亏阴阳虚",
                        price: "32.5"
                    }
                ],
                arr: [0, 1, 2, 3, 4]
            }
        },
        mounted(){
        },
        methods: {
            // 换一换
            replace() {
                var a = [];
                var j = 0;
                while (j < 5) {
                    var b = Math.floor((Math.random() * this.rcdGoodsList.length));
                    if (a.indexOf(b) == -1) {
                        a.push(b);
                        j++;
                    }
                };
                this.arr = a;
            },
        },
    }
</script>

<style lang="less">
    @import "./css/mallStore.less";
</style>
